<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title></title>
   	<link rel="stylesheet" href="css/style.css" />
   	<link rel="stylesheet" href="css/iconfont.css" />
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script type="text/javascript" src="js/com.js"></script>
	<script type="text/javascript" src="js/vue.js"></script>
	<script type="text/javascript" src="js/user-change.js"></script>
</head>
<body class="bg-idx">
	<div class="header">
		<a href="javascript:history.go(-1);" class="icon iconfont icon-fanhui"></a>
		<h3 class="title">修改个人资料</h3>
	</div>	
	<div class="content pbt0" id="app">
		<div class="user-info-list">
			<li>
				<span>用户名</span>
				<input type="text" readonly="readonly" v-model="user.name_id" />
			</li>
			<li class="lin60">
				<span>头像</span>
				<img :src="user.trueIcon" :data-src="user.icon" />
				<input type="file" id="file" @change="changImg(user)">
			</li>
			<li>
				<span>昵称</span>
				<input type="text" v-model="user.name"  />
			</li>
			<li>
				<span>性别</span>
				<input type="text" v-model="user.sex" @blur="changeSex($event,user)" />
			</li>
			<li>
				<span>手机号</span>
				<input type="text" v-model="user.tel" />
			</li>
		</div>
		<button class='btn-theme' @click="infoChange">立即修改</button>
	</div>	
</body>
</html>